<template>
	<view>
		<nav-box title="修改密码"></nav-box>
		<view class="content">
			<view class="input-box"><u-input v-model="oldPwd" height="104" placeholder="请输入旧密码" type="password" clearable></u-input></view>
			<view class="input-box"><u-input v-model="newPwd" height="104" placeholder="请输入新密码" type="password" clearable></u-input></view>
			<text class="tips">密码长度规则，其他规则</text>
			<u-button hover-class="none" :custom-style="btnStyle" @click="changePassword">确认</u-button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			btnStyle: {
				borderRadius: '100upx',
				background: '#2D6EFF',
				color: '#ffffff',
			},
			oldPwd: null, //旧密码
			newPwd: null, //新密码
		};
	},
	methods: {
		changePassword() {
			//走接口 如果修改成功 直接返回登录页重新登录
			// uni.reLaunch({
			// 	url: '../login/login'
			// })
		}
	}
};
</script>

<style lang="scss" scoped>
.content {
	padding: 80upx 60upx;
	.input-box {
		padding: 0 20upx;
		background-color: #ffffff;
		border-radius: 100upx;
		margin-bottom: 40upx;
	}
	.tips {
		display: inline-block;
		margin-bottom: 40upx;
		color: #A8A8A8;
	}
}
</style>
